<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>高校赛事及活动安排管理系统</title>
    <style type="text/css">
        a {
            text-decoration: none;
        }
    </style>

    <link href="./css/login.min.css" rel="stylesheet">
</head>
<body scroll=no>
<div class='container'>

    <h1 style="color: chartreuse">高校赛事及活动安排管理系统</h1>
    <div class="login">
        <div class="adBox">
            <div class="ad"></div>
        </div>
        <div class="form">
            <div class="title">
                <div class="tabs active">账号登录</div>
                <div class="tabs active"><a style="color: chartreuse" th:href="@{'/tourist'}">游客访问</a></div>
            </div>
            <form th:action="@{/login}" method="post">
                <div class="content">
                    <div class="formRow"><input type="text" name="uname" class="text user" placeholder="请输入用户名"/></div>
                    <div class="formRow"><input type="password" name="psw" class="text pwd" placeholder="请输入密码"/></div>
                    <div class="formRow">
                        <div class="tip"><span class="text"><a style="color: white"
                                                               th:href="@{'/toadd-user'}"> 点击注册账户</a></span></div>
                        <div class="remember"><input type="checkbox"> 记住密码</div>
                    </div>
                    <div class="formRow">
                        <input type="submit" value="登 录" class="btn"/>
                    </div>

                </div>
            </form>
            <div class="content hide">
                <div class="code">
                    <img src="images/code.jpg"/>
                </div>
                <div class="codeText">
                    请使用企业微信扫描二维码<br>登录“OA移动办公”
                </div>
            </div>
        </div>
        <div class="info"></div>
    </div>
</div>
</body>
<script src="./js/jquery.min.js"></script>
</html>
